<template>
	<pro-table :scrollx="1000" ref="protable" rowKey="id" :loadDataUrl="api.getList" :columns="columns" :loadListFun="loadListFun"
		:isAdd="false" :isDelete="false" :isRowSelection="false">
		<span class="tag" :class="{ active: text == 1 }" slot="status" slot-scope="{ text }">{{
			text | fitlerStatus
		}}</span>

		<!-- 添加，编辑 -->
		<add-or-edit-dict-modal editKey="dictId" :api="api" modalTitle="数据字典" ref="addOrEditModal"
			@ok="handlerRefresh"></add-or-edit-dict-modal>
		<!--打开字典数据项-->
		<dict-drawer datalist=".datalist" ref="dictDrawer"></dict-drawer>
	</pro-table>
</template>

<script>
	import {
		rowSelection,
		recordOperation
	} from '@/mixins';
	import {
		sysManageapi
	} from '@/api/index.js';
	import addOrEditDictModal from './module/addOrEditDictModal';
	import dictDrawer from './module/dictDrawer/index';
	import {
		STATUSENUM
	} from '@/utils/enumeration';
	const columns = [{
			title: '疾病名称',
			dataIndex: 'name',
			key: 'name',
			ellipsis: true,

		},
		{
			title: '疾病编码',
			dataIndex: 'code',
			key: 'code',
			ellipsis: true,
			width: 200,
		},
		{
			title: '状态',
			dataIndex: 'status',
			key: 'status',
			width: 200,
		},
		{
			title: '疾病描述',
			dataIndex: 'description',
			key: 'description',
			ellipsis: false,
			width: 400,
		},
	];
	export default {
		name: 'dictlist',
		mixins: [rowSelection, recordOperation],
		components: {
			addOrEditDictModal,
			dictDrawer,
		},
		data() {
			return {
				columns: columns,
				api: sysManageapi.dictUrl,
			};
		},
		methods: {
			/* 详情 */
			showDetails(record) {
				this.$refs.dictDrawer.show(record);
			},
			loadListFun() {
				return new Promise((reslove, reject) => {
					let list = [{
							id: '1',
							name: '高血压',
							code: 'HTN',
							status: '启用',
							description: '高血压是一种心血管疾病,是因各种原因引起的血液在血管内流动时对血管壁造成的压力过高的疾病',
						},
						{
							id: '2',
							name: '糖尿病',
							code: 'DM',
							status: '启用',
							description: '糖尿病是一种由胰岛素绝对或相对分泌不足以及利用障碍引发的，以高血糖为标志的慢性疾病',
						},
						{
							id: '3',
							name: '心血管疾病',
							code: 'CVD',
							status: '启用',
							description: '心血管疾病是一组心脏和血管失调，包括：'

								+
								'冠心病——为心肌供血的血管疾病；' +
								'脑血管疾病——为大脑供血的血管疾病；' +
								'外周动脉疾病——为四肢供血的血管疾病；' +
								'风湿性心脏病——由链球菌引起的风湿热对心肌和心脏瓣膜的损害；' +
								'先天性心脏病——先天性心脏结构畸形导致的影响心脏正常发育和功能的出生缺陷；以及' +
								'深静脉血栓和肺栓塞——腿部静脉中的血凝块，可能脱落并移动到心脏和肺部。' +
								'心脏病发作和中风通常是急性事件，主要是由于血管堵塞导致血液无法流向心脏或大脑。最常见的原因是向心脏或大脑供血的血管内壁发生脂肪沉积。中风可由脑血管或血凝块出血引起。',
						}

					];
					reslove(list);
				});
			},
		},
		filters: {
			fitlerStatus(val) {
				return STATUSENUM[val];
			},
		},
	};
</script>
<style scoped lang="less">
	.datalist {
		padding-left: 0;
	}

	.datahtml {
		padding-left: 20px;
	}
</style>